<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>睿代码 | RCode代码生成平台</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="icon" type="image/png" href="${contextPath}/icon.png">
  <link rel="apple-touch-icon-precomposed" href="${contextPath}/icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />

    <!--[if lt IE 9]>

    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>

    <script src="${ctxStatic}/js/ie/respond.min.js"></script>

    <script src="${ctxStatic}/js/ie/excanvas.js"></script>

  <![endif]-->

</head>
<body class="" style="overflow-y: auto;">
  <section class="vbox">
    <!--头部 开始-->
    <jsp:include page="../include/top.jsp"/>
    <!--头部 结束-->
    <!--菜单 开始-->
    <section>
      <section class="hbox stretch">
        <jsp:include page="../include/menu.jsp"/>

        <section id="content">
            <style>
              .appcenter-title, .appcenter-title p {
                  line-height: 40px;
                  font-size: 14px;
                  text-align: center;
                  color: #fff;
              }
              .appcenter-title {
                  margin: 0px auto 0;
              }
              .appcenter-title p {
                  margin: 0 auto;
                  width: 350px;
                  background-color: rgba(37,41,53,.5);
                  border-radius: 0 0 18px 18px;
              }
            </style>
            <div class="appcenter-title"><p>RCode代码生成平台</p> </div>

            <!--这里是正文 开始-->
            <div class="col-sm-12">
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">配参数</header>
                    <div class="panel-body">
                        <div class="col-sm-12 m-b-xs">

                          <div class="btn-group" data-toggle="buttons">

                            <label class="btn btn-sm btn-default">
                              <input type="radio" name="options"> 全部
                            </label>
                            <label class="btn btn-sm btn-default active">
                              <input type="radio" name="options"> 移动APP
                            </label>
                            <label class="btn btn-sm btn-default">
                              <input type="radio" name="options"> 移动网页
                            </label>
                            <label class="btn btn-sm btn-default">
                              <input type="radio" name="options"> PC网页
                            </label>
                            <label class="btn btn-sm btn-default">
                              <input type="radio" name="options"> 微信公众号
                            </label>
                            <label class="btn btn-sm btn-default">
                              <input type="radio" name="options"> 手机扫码
                            </label>

                          </div>

                        </div>
                    </div>
                    <div class="table-responsive " >
                      <table class="table table-striped b-t b-light ">
                        <thead>
                          <tr>
                            <th>支付产品</th>
                            <th>应用场景</th>
                            <th>状态</th>
                          </tr>
                        </thead>
                        <style type="text/css">
                          .icon-pay {
                              margin: 0 20px;
                              display: inline-block;
                              width: 24px;
                              height: 24px;
                              background-image: url("http://fuqianla.net/appcenterdemo/css/img/pays.svg?3b992cbf84596e655f8ad280e38c5135");
                              background-repeat: no-repeat;
                              vertical-align: middle;
                          }
                          .icon-pay-ZFB {
                              background-position: 0 -24px;
                          }
                        </style>
                        <tbody>
                          <tr>
                            <td><span class="icon-pay icon-pay-ZFB"></span>支付宝移动支付</td>
                            <td>移动APP</td>
                            <td>已开通</td>
                          </tr>
                          <tr>
                            <td><span class="icon-pay icon-pay-ZFB"></span>支付宝手机网站支付</td>
                            <td>移动网页</td>
                            <td>已开通</td>
                          </tr>
                          <tr>
                            <td><span class="icon-pay icon-pay-ZFB"></span>支付宝即时到账</td>
                            <td>PC网页</td>
                            <td>已开通</td>
                          </tr>
                        </tbody>

                      </table>

                    </div>

                  </section>

                </div>
            <!--这里是正文 结束-->
        </section>
      </section>
    </section>
    <!--菜单 结束-->
  </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${ctxStatic}/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${ctxStatic}/js/app.js"></script>
  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="${ctxStatic}/js/app.plugin.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
</body>

</html>